<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Morning Theme - Free CSS Template</title>
<meta name="keywords" content="morning, theme, free templates, web design, templatemo, CSS, HTML" />
<meta name="description" content="Morning Theme, free CSS template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
	window.addEvents({
		'domready': function(){
			/* thumbnails example , div containers */
			new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible: 3,
						elemsSlide: 2,
						duration: 200,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 280,
						showControls:1});
		},
		
	});
</script>
    
</head>
<body id="home">

<div id="templatemo_outer_wrapper">
	<div id="templatemo_wrapper">
    
    	<div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="templatemo_menu" class="ddsmoothmenu">
                <ul>
                    <li><a href="index.html" class="selected"><span></span>Home</a></li>
                    <li><a href="about.html"><span></span>About</a>
                      	<ul>
                        	<li><a href="index_flash_gallery.html">Flash Gallery</a></li>
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html"><span></span>Portfolio</a>
                      	<ul>
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
                            <li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
                            <li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
                        </ul>
                    </li>
                  	<li><a href="blog.html"><span></span>Blog</a></li>
                    <li><a href="contact.html"><span></span>Contact</a></li>
                </ul>
                <br style="clear: left" />
            </div> <!-- end of templatemo_menu -->
            <div class="cleaner"></div>
            
		</div> <!-- end of templatemo header -->
        
        <div id="intro_text">
            Phasellus aliquam lobortis rhoncus. Proin dapibus ullamcorper nunc, in laoreet neque scelerisque quis.
        </div>
        
        <div id="templatemo_middle">
        	<div id="SlideItMoo_outer">	
                <div id="SlideItMoo_inner">			
                    <div id="SlideItMoo_items">
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/1" target="_parent">
                                <img src="images/gallery/01.jpg" alt="product 1" /></a>
                        </div>	
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/2" target="_parent">
                                <img src="images/gallery/02.jpg" alt="product 2" /></a>
                        </div>
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/3" target="_parent">
                                 <img src="images/gallery/03.jpg" alt="product 3" /></a>
                        </div>
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/4" target="_parent">
                                <img src="images/gallery/04.jpg" alt="product 4" /></a>
                        </div>
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/5" target="_parent">
                               <img src="images/gallery/05.jpg" alt="product 5" /></a>
                        </div>
                        <div class="SlideItMoo_element">
                                <a href="http://www.templatemo.com/page/6" target="_parent">
                                <img src="images/gallery/06.jpg" alt="product 6" /></a>
                        </div>
                    </div>			
                </div>
            </div>		   
        </div> <!-- end of templatemo_middle -->
        
        <div id="templatemo_main">
        
        	<div class="col_w960">
                <div class="col_allw300 fp_service_box">
                    <h3>Web Design</h3>
                    <img src="images/tick-48px.png" alt="Title 01" />
                    <p>Nullam a odio fermentum ligula semper placerat. Suspendisse non metus sed augue sodales posuere.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw300 fp_service_box">
                    <h3>3D Animation</h3>
                    <img src="images/post-it-48px.png" alt="Title 02" />
                    <p>Ut scelerisque, mi nec elementum eleifend, metus est porttitor nunc, nec commodo neque quis odio.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw300 fp_service_box col_last">
                    <h3>Online Marketing</h3>
                    <img src="images/rosette-48px.png" alt="Title 03" />
                    <p>Curabitur sed lectus id erat viverra consectetur nec in sapien. <a href="index_flash_gallery.html">Homepage with <strong>Flash Gallery</strong></a></p>
                    <a class="more" href="#">Detail</a>
                </div>
            	<div class="cleaner"></div>
            </div>
            
          	<div class="col_w960 col_w960_last">
                <div class="col_w600 float_l">
                    
                    <h2>Welcome To Morning Template</h2>
                    <img src="images/templatemo_image_01.png" alt="Image 01" class="image_wrapper image_fl" />
                    <p><em>Sed fermentum erat sed urna mattis venenatis. Quisque id leo sollicitudin interdum. Proin viverra dapibus pharetra.</em></p>
                    <p><a href="http://www.templatemo.com" target="_parent">Morning</a> is  free css template provided by <a href="http://www.templatemo.com">templatemo.com</a> for your personal or commercial websites. Credits go to <a href="http://www.photovaco.com/" target="_blank">Free Photos</a> for photos, <a href="http://www.thewebdesignblog.co.uk" target="_blank">thewebdesignblog.co.uk</a> for icons and <a href="http://www.brushking.eu/278/enigma-brushes.html" target="_blank">Axeraider70</a> for Photoshop brushes. Quisque in diam a justo condimentum molestie. Vivamus a velit. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero. </p>	
                    
                </div>
                <div class="col_w300 float_r">
                
                    <h3>Flash Gallery</h3>
                    <blockquote>
                    <p>Nunc vestibulum libero in sapien venenatis varius. Aenean a felis turpis, id pretium mi. Pellentesque condimentum, turpis eget accumsan rhoncus, nisi justo ornare risus, nec sodales elit elit ac ligula. Mauris ac diam, ut blandit leo. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                    
                    <cite><a href="#">Steven</a> - <span>Senior Designer</span></cite></blockquote>
                
                </div>  
            	<div class="cleaner"></div>   
            </div>
            
        </div>
    
    </div> <!-- end of templatemo_wrapper -->
</div> <!-- end of templatemo_outer_wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
        Copyright © 2048 Your Company Name | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        <div class="cleaner"></div>
    </div>
</div>

</body>
</html>